<div>
  <div class="modal-card">
    <label>
      <span><span class="require">*</span>收付账期</span>
    </label>
    <input type="text" dTextInput class="form-input-box" name="收付账期" [(ngModel)]="form.collectionPeriodName">
  </div>
  <div class="modal-card">
    <label>
    </label>
    <div class="invalid" *ngIf="data.display&&!form.collectionPeriodName">*值不能为空</div>
  </div>
  <div class="modal-card mt-3">
    <label>
      <span><span class="require">*</span>账期类型</span>
    </label>
    <d-select name="账期类型" class="form-input-box" [filterKey]="'name'"  [options]="dateTypes" [(ngModel)]="dataType" placeholder="账期类型" (valueChange)="ngModelChange($event)"></d-select>
  </div>
  <div class="modal-card mt-3" *ngIf="form.collectionPeriodClass">
    <label>
      <span><span class="require">*</span>账期月数</span>
    </label>
    <d-input-number [(ngModel)]="form.collectionPeriodDuration" class="input-number form-input-box" [min]="1" [autoFocus]="true" name="账期月数"></d-input-number>
  </div>
  <div class="modal-card mt-3" *ngIf="!form.collectionPeriodClass">
    <label>
      <span><span class="require">*</span>账期天数</span>
    </label>
    <d-input-number [(ngModel)]="form.collectionPeriodDuration" class="input-number form-input-box" [min]="1"  name="账期天数"></d-input-number>
  </div>
  <div class="modal-card mt-3">
    <label>
      <span><span class="require">*</span>收付款</span>
    </label>
    <d-select name="收付款" class="form-input-box" [filterKey]="'name'" [options]="collectionPayments" (valueChange)="ngModelChange($event)" [(ngModel)]="collectionPayment" placeholder="收付款" ></d-select>
  </div>
  <div class="modal-card">
    <label>
    </label>
    <div class="invalid" *ngIf="data.display&&this.form.receiptOrPayment==null">*值不能为空</div>
  </div>
  <div class="modal-card mt-3">
    <label>
      <span>备注</span>
    </label>
    <textarea dTextarea class="form-textarea" name="备注" [(ngModel)]="form.note"></textarea>
  </div>
</div>
